<style>
	@import url('../static/css/eventslist.css');
</style>
<template>
	<!-- 公共头部 -->
	<view>
		<my-header title="赛事列表"></my-header>
	</view>
	<!-- 骨架 -->
	<uni-skeleton animated :loading="!loading"></uni-skeleton>
	<!-- 我的 -->
	<view class="content" v-show='loading'>
	<view>
			<view class="projectlist">
				<!-- 列表1 -->
				<view class="projectlist_list"   v-for="(item,index) in list">
					<view class="projectlist_list_view">
						<navigator :url="'/pages/hitgame/pages/gameinfo?id='+item.id">
							<view class="displayin">
								<view class="floatleft">{{item.nake_name}}</view>
								<view class="floatright stater" v-if="item.state==1">待开赛</view>
								<view class="floatright stater" v-else-if="item.state==2">进行中</view>
								<view class="floatright stater" v-else-if="item.state==3">已结束</view>
							</view>
							<view class="displayin border">
								<view class="floatleft">开赛日期：</view>
								<view class="floatleft">{{item.start_time}}</view>
							</view>
							<view class="displayin">
								<view class="floatleft">已报人数：{{item.make_user_count?item.make_user_count:0}} 人</view>
								<view class="floatright backcolor"  v-if="item.state==1 && item.is_make_user!=1">报名参赛</view>
								<view class="floatright backcolor"  v-if="item.state==1 && item.is_make_user==1">已报名</view>
								<view class="floatright backcolor"  v-if="item.state==2">进入比赛</view>
								<view class="floatright backcolor"  v-if="item.state==3">查看成绩</view>
							</view>
						</navigator>
					</view>
				</view>
			</view>
		</view>
		<view>
			<Tabbar :current="'1'"></Tabbar>
		</view>
	</view>
</template>
<script type="module" src="../static/js/eventslist.js"></script>